import type { TabsProps } from 'antd';
import AlarmWarningList from './Warning';
import AlarmContactList from './Contact';
const RulesConfig = () => {
  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '告警列表',
      children: <AlarmWarningList />,
    },
    {
      key: '2',
      label: '告警联系人',
      children: <AlarmContactList />,
    },
  ];
  return (
    <div className="page-wrapper">
      <div className="page-title">
        <div className="page-main-title">告警中心</div>
        <div className="page-sub-title">
          通过规则引擎配置的告警规则，触发的告警内容展示；以及告警联系人信息配置
        </div>
      </div>
      <div className="page-content-box">
        <div className="page-content flex show-bg">
          <div className="w-full">
            <ATabs defaultActiveKey="1" items={items} />
          </div>
        </div>
      </div>
    </div>
  );
};

export default RulesConfig;
